@import "/css/modules/base.css";


.footer {
  
  margin-top: 20px;
  width: 100%;
  background-color: #111;
  .foot {
    width: 940px;
    margin: 0 auto;
    padding: 40px 40px 0 40px;
    .menu-list {
      margin-bottom: 45px;
      height: 85px;
      .menu {
        float: left;
        width: 150px;
        h3 {
          font-size: 13px;
          margin-bottom: 15px;
        }
        ul li {
          line-height: 28px;
          a {
            color: #999999;
            text-decoration: none;
            &:hover {
              color: rgb(255, 174, 0);
            }
          }
        }
      }
      .follow {
        float: right;
        text-align: right;
        position: relative;
        .pic {
          position: absolute;
          display: none;
          border: 3px solid #fff;
          background: #fff;
          border-radius: 10px;
          top: 87px;
          i {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #fff;
            top: -12px;
            left: 37px;
            position: absolute;
          }
        }
        h3 {
          font-size: 13px;
          margin-bottom: 25px;
          padding-left: 9px;
          text-align: center;
        }
        .vx {
          background: url(https://www.erke.com/images/icon_weichat_0.jpg) no-repeat center;
          margin-left: 10px;
          display: inline-block;
          width: 30px;
          height: 30px;
          &:hover {
            background: url(https://www.erke.com/images/icon_weichat_1.jpg) no-repeat center;
          }
          &:hover + .pic {
            display: block;
          }
        }
        .vb {
          background: url(https://www.erke.com/images/icon_weibo_0.jpg) no-repeat center;
          margin-left: 10px;
          display: inline-block;
          width: 30px;
          height: 30px;
          &:hover {
            background: url(https://www.erke.com/images/icon_weibo_1.jpg) no-repeat center;
          }
          &:hover + .pic {
            display: block;
          }
        }
      }
    }
    .foot-info {
      height: 24px;
      line-height: 24px;
      border-top: 1px solid #3c3c3c;
      padding: 10px 0;

      .left {
        float: left;
        a {
          text-decoration: none;
          margin-left: 10px;
          margin-right: 10px;
          font-size: 12px;
          color: #999999;
          &:hover {
            color: rgb(0, 89, 255);
          }
        }
      }
      .right {
        float: right;
        a {
          color: #efefef;
          background: url(https://www.erke.com/images/langues.jpg) no-repeat left center;
          padding-left: 20px;
          font-size: 12px;
          margin-right: 30px;
        }
      }
    }
  }
}
